<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>To Do List</title>
    <link rel="stylesheet" href="stylesheet.css" type="text/css">
    <script type="text/javascript" src="js.js"></script>
</head>

<body>
    <header>
        <h1>My To Do List</h1>
        <div>
            <input placeholder="Title...">
            <button>Add</button>
        </div>
    </header>

    <ul>
        <li class="odd">Hit the gym<button>✖</button></li>
        <li class="even">Pay bills<button>✖</button></li>
        <li class="odd">Meet George<button>✖</button></li>
        <li class="even">Buy eggs<button>✖</button></li>
        <li class="odd">Read a book<button>✖</button></li>
        <li class="even">Organize office<button>✖</button></li>
    </ul>
</body>

</html>